<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<%@ page import="java.util.List" %>
<%@ page import="com.google.appengine.api.datastore.DatastoreServiceFactory" %>
<%@ page import="com.google.appengine.api.datastore.DatastoreService" %>
<%@ page import="com.google.appengine.api.datastore.Query" %>
<%@ page import="com.google.appengine.api.datastore.Entity" %>
<%@ page import="com.google.appengine.api.datastore.FetchOptions" %>
<%@ page import="com.google.appengine.api.datastore.Key" %>
<%@ page import="com.google.appengine.api.datastore.KeyFactory" %>
<%@ page import="mististore.ProductoDatos" %>
<%@ page import="mististore.Producto" %>

<jsp:directive.include file="/header.html" />
<body>
<jsp:directive.include file="/header.jsp" />
<br /><br /><br /><br /><br /><br /><br />
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/es_ES/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<%
	ProductoDatos pd=new ProductoDatos();
	String nombre=request.getParameter("nombre");
	List<Producto> resultado=pd.filtrarPorNombre(nombre);
	if(!resultado.isEmpty())
	{
	Producto t=resultado.get(0);
%>
<article id="mainview">
    <div id="description">
        <h1><% out.print(t.getNombre());%></h1>
        <strong id="price">S/. <% out.print(t.getPrecio());%></strong><p><%out.print(t.getDescripcion());%></p>
        <p><a style="text-decoration:none" href="agregarProducto.jsp?nombre=<% out.print(t.getNombre());%>"><button type="submit" class="continue">Agregar a la Bolsa</button></a></p>

	<iframe height="50px" src="https://plusone.google.com/u/0/_/+1/fastbutton?url=<% out.print(request.getRequestURL().toString()+"?nombre="+t.getNombre()); %>&amp;size=standard&amp;annotation=inline&amp;lang=es" scrolling="no" frameborder="0" style="border:none; overflow:hidden;" align="left"></iframe>
	<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal"  data-text="Hey, quiero compartirles esto, está muy bueno ... ! <% out.print(request.getRequestURL().toString()+"?nombre="+t.getNombre()); %> ">Tweet</a><script type="text/javascript"src="http://platform.twitter.com/widgets.js"></script>
	<div class="fb-like" data-href="<% out.print(request.getRequestURL().toString()+"?nombre="+t.getNombre()); %>" data-send="false" data-width="450" data-show-faces="true"></div>

        <div id="tabs">
            <ul>
                <li><a href="#tabs-1" class="first">Comentarios</a></li>
                <li><a href="#tabs-2">Envíos</a></li>
                <li><a href="#tabs-3">Garantía</a></li>
            </ul>
            <section id="tabs-1">
            <p><div class="fb-comments" data-href="<% out.print(request.getRequestURL().toString()+"?nombre="+t.getNombre()); %>" data-num-posts="2" data-width="470"></div></p>
            </section>
            <section id="tabs-2">
                <p>Los gastos de envío del producto dependen del tipo de producto, cuanto más grande y pesado sea un producto, más elevados serán los costes. Estos gastos computarán por los productos de mayor peso que contenga un pedido. La cobertura de los envíos de MistiStore abarca TODOS los departamentos del territorio nacional.</p>
			</section>
            <section id="tabs-3">
                <p>Los productos ofertados a través de MistiStore son de primeras marcas y de la mejor calidad, son precintados por los proveedores y fabricantes, salvo indicación expresa, en la que se comunicaría al cliente que el producto ha sido examinado o que se ha procedido a un control rutinario. Los fabricantes pueden ofrecer garantías adicionales, lo que se denomina garantía comercial, cuya extensión y duración difieren según los productos y las marcas. Dichas garantías serán exclusivamente a cargo del fabricante que se obliga a ellas.</p>
            </section>
        </div>
    </div>

    <div id="images">
		<a href="images/productos/<%out.print(t.getImagen());%>" rel="lightbox"><img src="images/productos/<% out.print(t.getImagen()); %>"></a>
        <p>Hacer click para agrandar la imagen.</p>
        <%
        	if(t.getCantidad()==0)
	        	out.print("<span class=\"sale\">Agotado</span>");
        %>
    </div>
    <p><button type="button" onClick="history.go(-1);return true;">Atrás</button></p>
</article>
<%
	}
%>
<jsp:directive.include file="/footer.html" />